$(function () {
    var QueryObj = {
        proName: $.getQueryString("key"),
        brandId: "",
        price: "",
        num: "",
        page: 1,
        pageSize: 4
    };
    var TotalPage = 1;
    init();
    function init() {
        mui.init({
            pullRefresh: {
                container: "#refreshContainer",//下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
                down: {
                    height: 50,//可选,默认50.触发下拉刷新拖动距离,
                    auto: true,//可选,默认false.首次加载自动下拉刷新一次
                    contentdown: "下拉可以刷新",//可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
                    contentover: "释放立即刷新",//可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
                    contentrefresh: "正在刷新...",//可选，正在刷新状态时，下拉刷新控件上显示的标题内容
                    callback: function () {
                        QueryObj.page = 1;
                        queryProduct(function (res) {
                            var html = template("goodsTpl", res);
                            $(".lt_goods_ul").html(html);
                            // 结束下拉刷新
                            mui('#refreshContainer').pullRefresh().endPulldownToRefresh();
                            // 重置组件
                            mui('#refreshContainer').pullRefresh().refresh(true);
                        })
                    }
                },
                up: {
                    height: 50,//可选,默认50.触发下拉刷新拖动距离,
                    auto: true,//可选,默认false.首次加载自动下拉刷新一次
                    contentdown: "下拉可以刷新",//可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
                    contentover: "释放立即刷新",//可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
                    contentrefresh: "正在刷新...",//可选，正在刷新状态时，下拉刷新控件上显示的标题内容
                    callback: function () {
                        if (QueryObj.page >= TotalPage) {
                            mui('#refreshContainer').pullRefresh().endPullupToRefresh(true);
                            return;
                        }
                        else {
                            QueryObj.page++;
                            queryProduct(function (res) {
                                // 渲染数据 追加到数据的下面
                                var html = template("goodsTpl", res);
                                $(".lt_goods_ul").append(html);
                                // 结束上拉加载
                                mui('#refreshContainer').pullRefresh().endPullupToRefresh();
                            })
                        }
                    }
                }
            }
        });

        /* 搜索按钮实现手动触发下拉刷新 */
        $(".searchBtn").on("tap", function (e) {
            var txt = $(".searchTxt").val();
            QueryObj.proName = txt;
            mui("#refreshContainer").pullRefresh().pulldownLoading();
        })

        /* 排序 */
        $(".order_tool>a").on("tap", function (e) {
            var aDom = e.target.nodeName == "A" ? e.target : e.target.parentNode;
            var sortName = aDom.dataset.sortname;
            $(aDom).find(".mui-icon").toggleClass("mui-icon-arrowdown mui-icon-arrowup");
            var sort = 1;
            if ($(aDom).find(".mui-icon").hasClass("mui-icon-arrowdown")) {
                sort = 2;
            }
            else {
                sort = 1;
            }
            QueryObj.price = "";
            QueryObj.num = "";
            QueryObj[sortName] = sort;
            mui("#refreshContainer").pullRefresh().pulldownLoading();
        })

        /* 手动开启a标签的跳转 */
        $(".lt_goods_ul").on("tap", "a", function (e) {
            var aDom = e.target;
            // 页面跳转
            location.href = aDom.href;
        })
    }

    function queryProduct(callback) {
        $.get("/product/queryProduct", QueryObj, function (res) {
            callback && callback(res);
            TotalPage = Math.ceil(res.count / QueryObj.pageSize);
        })
    }
})